@charset "utf-8";
/* CSS Document
** author:永易搜
** URL:http://www.yongyisou.com/
** tips:CSS文件非专业勿动，编码格式为utf-8
*/
*{ padding:0px; margin:0px;list-style:none;}
img{border:none;border:0;}
em,i{ font-style:normal;}
a{text-decoration:none;color:#333;}
a:visited{}
a:hover{ color:#8f0c11;}
a:focus {outline:0; }
html{font:normal 14px/1.5 "microsoft yahei",tahoma,arial,sans-serif; background:#fff; color:#333;}
body{background:#fff;}
input,input:focus{outline:none;text-indent:5px}
h1,h2,h3,h4{ font-weight:normal;}
h1{ font-size:20px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
/*通用调用*/
.w1200{width:1200px;height:auto;margin:0 auto;overflow:hidden; color:#333333; font-size:14px;}
.fl{float:left;}
.fr{float:right;}
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
/* 首页 */
.top{ height:40px; line-height:40px; background:#f5f5f5;}
.top p{ float:left; color:#a9a9a9;}
.top_r{ float:right;}
.top_r a{ color:#999; display:block padding:0px 12px; float:left;}
.top_r .top_contant{ padding-right:0;}
.top_r .fl{ position:relative;}
.weixin a, .shouji a, .qq a{ background-color:#ccc; display:inline-block; width:25px; height:40px;}
.weixin a{ background:url(../images/wx.png) no-repeat left center;}
.qq a{ background:url(../images/qq.png) no-repeat left center;}
.shouji a{ background:url(../images/ph.png) no-repeat left center;}
.top_r .show{
display: none;
z-index: 999;
cursor: pointer;
position: absolute;
top: 40px;
width: 100px;
height: 100px;
background-color:#000;
}
.top_r .show img{
width:100px;
height:100px;
}
.top_r .weixin,.top_r .shouji, .top_r .qq{ margin:0 7px;}
.top_a a{ display:inline-block; padding:0 16px; background:url(../images/point.png) no-repeat right center; color:#a9a9a9;}
/* logo区域设置 */
.head{
height:90px;
}
.logo{
margin:12px 0; float:left;
}
.logo img{
width:100%;
}
.logo_txt{ margin:17px 0 0 50px;}
.logo_txt p{
font-size:22px;
color:#9c2922;
}
.logo_txt em{
font-size:18px;
}
.head_tel{
background:url(../images/head_ico.png) no-repeat left center;
padding-left:50px;
margin-top:21px;
}
.head_tel em{
color:#666;
display:inline-block;
margin-bottom:3px;
}
.head_tel p{
font-family:Impact;
font-size:24px;
line-height:24px;
}
/* 导航区域设置 */
.wraper{width:100%; background:#8f0c11;}
.wraper .nav{position:relative;width:100%;height:60px;overflow:hidden}
.wraper .nav-item{position:relative;float:left;width:120px;height:60px;line-height:60px;text-align:center;font-size:16px;z-index:1}
.wraper .nav-item a{display:block;height:60px;color:#fff}
.wraper .nav-item a:hover{color:#fff}
.move-bg{display:none;position:absolute;left:0;top:0;width:133px;height:60px;background:#000;z-index:0}
/* 焦点图 */
.banner{ height:500px; width:100%; position:relative; overflow:hidden;}
.banner .bd{ height:550px; width:100%; z-index:0;}
.banner .bd li{ width:100%;!important; height:550px; float:left; zoom:1; vertical-align:middle;}
.banner .bd li a{ display:block; width:100%; height:550px;}
.banner .hd { width:100%; position:absolute; z-index:1; bottom:20px; left:0; height:18px; line-height:18px; text-align:center; }
.banner .hd ul{ zoom:1; overflow:hidden;}
.banner .hd ul li{ width:18px; height:18px; border-radius:50%; background-color:#8f0c11; display:inline-block; margin:0 10px; cursor:pointer;}
.banner .hd ul .on{ background-color:#8f0c11; opacity:0.5;filter:alpha(opacity=50);}
.banner_ctr{ height:90px; position:absolute; top:50%; margin-top:-40px; z-index:2; left:50%; margin-left:-600px;}
.banner_ctr a{ display:block; width:47px;height:79px; position:absolute; opacity:0;filter: alpha(opacity=0);display:block; background:url(../images/banner_btn.png) no-repeat 0 0;}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1280px; background-position: -47px 0px;}
.banner_ctr a:hover{opacity:0.7;filter:alpha(opacity=70);}
/* 搜索 */
.seacher_wrap{ margin-bottom:14px;}
.seacher_l{ margin-top:10px;}
.seacher_l span{ font-weight:bold; color:#555;}
.seacher_l a{ padding-right:20px; color:#666;}
.seacher_r{ width: 296px; margin-top: 2px;}
.s_inp{
height: 32px;
text-indent: 10px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #aaaaaa;
border-left: 1px solid #fff;
width: 245px;
float: left;
line-height: 32px;
color: #555;
}
.s_inp:focus{ border-bottom: 1px solid #8f0c11; }
.seach_btn {
float: left;
margin-left:-1px;
width: 19px;
height: 34px;
border: 0;
background: url(../images/sou.jpg) no-repeat 0 0;
}
/* 首页产品中心 */
.tit h2 {
text-align: center;
font-size: 34px;
color: #333;
display: block;
font-weight:bold;
margin-bottom: 28px;
background: url(../images/tit.png) no-repeat center 57px;
}
.tit p {
font-size: 16px;
color: #666;
font-weight: normal;
padding-top: 23px;
}
.pro_l{ width:708px; height:515px;}
.pro_r{ width:444px; height:515px; margin-left:48px; position:relative;}
.pro_r h4{ color:#666; font-size:17px;}
.pro_r h2{ font-weight:bold; font-size:36px; color:#8f0c11;}
.pro_r .pro_td{ margin-top:20px;}
.pro_r ul li{ float:left; margin:0 39px 4px 0;}
.pro_r ul li p{ height:36px; line-height:36px; color:#666;}
.pro_td li .td{ transition:transform 0.5s; width:64px; height:64px; background-color:#ccc; background:url(../images/t1.png) no-repeat center 0px;}
.pro_td ul li .td2{ background:url(../images/t2.png) no-repeat center 0px;}
.pro_td ul li .td3{ background:url(../images/t3.png) no-repeat center 0px;}
.pro_td ul li .td4{ background:url(../images/t4.png) no-repeat center 0px;}
.pro_td ul li .td5{ background:url(../images/t5.png) no-repeat center 0px;}
.pro_td ul li .td6{ background:url(../images/t6.png) no-repeat center 0px;}
.pro_td ul li .td7{ background:url(../images/t7.png) no-repeat center 0px;}
.pro_td ul li .td8{ background:url(../images/t8.png) no-repeat center 0px;}
.pro_td li:hover .td{ transform:rotateY(180deg); background-position:center -64px;}
.pro_td li:hover p{ color:#8f0c11;}
.pro_r .pro_sm{
padding-left:97px;
width: 439px;
height: 158px;
background: url(../images/sm_bg.png) no-repeat repeat;
position:absolute;
z-index: 9;
left: -90px;
top: 330px;
}
.pro_r .pro_sm h2{ color:#fff; font-size:24px; line-height:24px; position:relative; margin-top:41px;}
.pro_r .pro_sm h2:after{
content:'';
position:absolute;
left:0px;
bottom:-16px;
width:50px;
height:1px;
background-color:#fff;
}
.pro_r .pro_sm p{ color:#fff; margin-top:30px;}
.pro_wrap{ width:100%; height:auto; padding-bottom:33px; background:url(../images/bg.png) repeat; margin-top:60px; }
.pro_wrap .pro_l{ width:225px; height:auto; color:#fff; margin-top:-20px;}
.pro_wrap .l_top{ width:197px; height:80px; background:url(../images/pro_t_img.jpg) no-repeat center 0px #ccc; padding:33px 0 0 28px;}
.pro_wrap .l_top h2{ font-size:24px; color:#fff; line-height:24px;}
.pro_wrap .l_top p{ text-transform:uppercase; line-height:14px; margin-top:14px;}
.pro_wrap .l_group{ margin-top:0px; color:#333; background-color:#fff; padding:17px 0 11px;}
.pro_wrap .l_group li, .l_nav ul li{ width:205px; height:38px; line-height:38px; margin:0px 10px 11px; background-color:#f0f0f0;}
.l_group li a, .l_nav ul li a{ display:block; background:url(../images/sj2.png) no-repeat 16px center; font-size:15px; text-indent:43px; transition:background 0.1s;}
.l_group li a:hover{ background-color:#8f0c11; color:#fff; background-image:url(../images/sj_w.png);}
.pro_wrap .prolist_r{ width:955px; margin:31px 0 0 20px;}
.prolist_sm { width:320px;}
.prolist_sm h2{ font-size:24px; line-height:24px; margin-top:32px; letter-spacing:2px}
.prolist_sm h4{ font-size:17px; line-height:17px; margin:12px 0 22px; letter-spacing:2px}
.prolist_sm p{ line-height:26px; }
.prolist_sm ul{
width: 266px;
height: 52px;
border: 1px solid #333333;
margin:36px 0 45px;
}
.prolist_sm ul li{
display: block;
float: left;
font-size: 14px;
line-height: 14px;
padding: 32px 16px 6px 16px;
border-right: 1px solid #333333;
}
.prolist_sm li.b1{ background: url(../images/p1.png) no-repeat center 8px;}
.prolist_sm li.b2{ background: url(../images/p2.png) no-repeat center 8px;}
.prolist_sm ul li.b3{ border-right:none; background: url(../images/p3.png) no-repeat center 8px;}
.zx_btn a{
display:block;
width:102px;
height:34px;
line-height:34px;
float:left;
background-color:#000;
color:#fff;
text-align:center;
}
.zx_btn a.right{ background-color:#8f0c11;}
.prolist_b{ margin-top:12px; width:955px; height:156px; overflow:hidden;}
prolist_b .bd{ width: 955px; height: 156px;}
.prolist_b ul{ width:110%;}
.prolist_b ul li{ float:left; width:234px; height:156px; margin-right:6px;}
.prolist_b li img{ width:234px; height:156px;}
/* 优势 */
.benefit_wrap{ height:593px; padding-top:17px; background:url(../images/ys1_bg.jpg) no-repeat center 0;}
.benefit_wrap .tit h2{ margin-bottom:10px;}
.benefit .w1200{ position:relative; height:456px; }
.benefit .w1200 .benefit1{ position:absolute; top:10px; left:673px;}
.benefit .w1200 .benefit2{ position:absolute; top:83px; left:735px;}
.benefit .w1200 .benefit3{ position:absolute; top:164px; left:765px;}
.benefit .w1200 .benefit4{ position:absolute; top:240px; left:763px;}
.benefit .w1200 .benefit5{ position:absolute; top:319px; left:732px;}
.benefit .w1200 .benefit6{ position:absolute; top:388px; left:670px;}
.advan{ background:url(../images/ys2_bg.png) no-repeat center 0; position:relative;}
.advtit{ margin-top:35px; padding-top:18px; background:url(../images/adv_tit.png) no-repeat center 0; text-align:center; color:#fff;}
.advtit h2{ font-size:32px; color:#fff; line-height:32px; margin-bottom:16px; }
.advtit p{ font-size:16px; line-height:16px;}
.advtit h2 span{ font-size:26px;}
.advan .hd{ margin:48px 0px 62px 70px;}
.advan .hd ul{ height:80px;}
.advan .hd ul li{
width:264px;
float:left;
background-color:#1a1a1a;
cursor:pointer;
height:80px;
line-height:80px;
position:relative;
text-align:center;
font-size:20px;
color:#fff;
margin-right:2px;
}
.advan .hd ul li span{ display:inline-block; background:url(../images/yuan.png) no-repeat center; width:46px; height:46px; line-height:46px; font-size:24px; color:#8f0c11; font-family:"Impact"; margin-right:16px;}
.advan .hd ul li i{ display:block; background:url(../images/arrow.png) no-repeat center; width:23px; height:10px; bottom:-10px; left:50%; margin-left:-12px; position:absolute; display:none;}
.advan .hd ul li.on{ background-color:#ef5f28;}
.advan .hd ul li.on i{ display:block;}
.advan .bd{ width:1064px; height:350px; overflow:hidden; margin-left:70px;}
.advan .bd ul li{ float:left; height:350px;}
.advan .bd .show_txt{ color:#fff; margin-left:35px; width:539px;}
.advan .bd .show_txt h3{ font-weight:bold; color:#fff; font-size:24px; margin-top:24px;}
.advan .bd .show_txt h4{ font-size:18px;}
.advan .bd .show_txt p{ font-size:15px; line-height:20px; padding-left:27px; background:url(../images/adv_jt.png) no-repeat left center; margin-top:20px;}
.advan .bd .show4 .show_img{ margin-top:-18px;}
/* 工程案例 */
.case_wrap{ background:url(../images/case_bg.jpg) no-repeat center 0px; position:relative;}
.case_wrap .bd{ width:830px; height:455px; margin:45px 0 0 65px; overflow:hidden;}
.case_wrap .bd ul li{ width:830px; height:455px; float:left;}
.case_wrap .bd ul li img{ width:830px; height:455px;}
.case_wrap .hd{ margin-top:95px;}
.case_wrap .hd .hd_tit{ margin-left:87px; width:218px;}
.case_wrap .hd_tit h2{ font-size:27px;}
.case_wrap .hd_tit p{ color:#d5d1d0; font-size:12px;}
.case_wrap .hd ul{ margin:22px 0 0 89px; width:216px;}
.case_wrap .hd ul li{
float:left;
display:block;
cursor:pointer;
width:100px;
height:18px;
line-height:18px;
position:relative;
text-align:left;
font-size:16px;
color:#686868;
margin-bottom:22px;
}
.case_wrap .hd ul .on:after{ width:45px;}
.case_wrap .hd ul .on{ font-weight:bold; color:#8e0f0d;}
.case_wrap .hd ul li:after{
position:absolute;
content:'';
bottom:-8px;
left:0;
height:2px;
width:0px;
background-color:#8e0f0d;
}
.zx_box{ padding:56px 0 0 37px; margin-top:27px; background:url(../images/zx_box.jpg) no-repeat center 0; background-color:#8e0f0d; width:268px; height:122px; color:#fff;}
.zx_box p{ font-size:15px;}
.zx_box h2{ margin:10px 0 20px; width:239px; height:21px; background:url(../images/zx_tel.png) no-repeat left 0;}
.zx_box h3{ font-size:20px; font-weight:bold;}
.zx_box h3 a{ display:block; width:84px; padding-right:40px; color:#fff; background:url(../images/jt.png) no-repeat right center; transition:all .3s; }
.zx_box h3 a:hover{ background-position:84px center;}
/* 关于我们 */
.ind_about{ background:url(../images/sy_about.jpg) no-repeat center 0px; padding-top:64px; margin-top:40px;}
.about_l{ height:515px; width:602px; overflow:hidden; background-color:#fff; text-align:center;}
.about_l img{ display:block; width:446px; height:339px; margin:60px auto 0;}
.about_l h2{ line-height:29px; font-size:29px; color:#682323; margin:23px 0 12px;}
.about_l h3{ line-height:16px; text-transform:uppercase; color:#b9b9b9;}
.about_r{ margin:70px 0 0 118px; width:480px; color:#fff;}
.about_r h2{ color:#fff; line-height:28px; font-size:28px; font-weight:bold; position:relative; margin-bottom:22px;}
.about_r h2:after{
content:'';
position:absolute;
bottom:-15px;
left:0;
width:90px;
height:2px;
background-color:#682323;
opacity:0.36;
}
.about_r p{ line-height:26px;}
.m-t-40{ margin-top:40px;}
.ind_about .zx_btn{ float:right; margin:50px 0 28px;}
.ind_about .zx_btn a{ width:138px;}
.about_r em{ display:block; float:right;}
.ind_honor{ margin-top:30px;}
.ind_honor .w1200{ background:url(../images/honor.jpg) no-repeat center 0; height:369px;}
.ind_honor .honor{ margin-left:230px; margin-top:75px; height:216px; width:454px; position:relative;}
.ind_honor .honor .bd {
height: 216px;
width: 330px;
z-index: 0;
margin-left: 62px;
overflow: hidden;
}
.honor .bd li{ float:left; width:153px; height:216px; margin-right:24px;}
.honor .bd li img{ width:153px; height:216px;}
.honor .prev, .honor .next{ position:absolute; display:block; width:30px; height:30px; top:50%; margin-top:-15px;}
.honor .prev{ left:0; background:url(../images/honor_jt1.png) no-repeat center;}
.honor .next{ right:0; background:url(../images/honor_jt2.png) no-repeat center;}
.ryzs_wrap .prev:hover{ background-position:left -199px;}
.ryzs_wrap .next:hover{ background-position:-37px -199px;}
/* 首页小banner */
.banner_s{ background:url(../images/banner_s.jpg) no-repeat center top; margin:40px 0;}
.banner_s .w1200{ height:250px; position:relative;}
.banner_s a{
position:absolute;
display:block;
top:184px;
left:454px;
width:126px;
height:28px;
font-size:15px;
color:#8f0c11;
text-align:center;
line-height:28px;
background-color:#fff;
border-radius:4px;
transition:all 0.1s;
}
.banner_s a:hover{-moz-box-shadow:2px 2px 5px #330103; -webkit-box-shadow:2px 2px 5px #330103; box-shadow:2px 2px 5px #330103; transform:translateY(-2px)}
/* 首页新闻 */
.ind_news .news_l .l_top{ background:url(../images/l_top.jpg) no-repeat left center; width:685px; height:199px;}
.news_l .l_top .black{ background-color:#383838; width:144px; height:117px; opacity:0.9; padding:27px 27px 0 46px; margin-right:24px; margin-top:27px;s}
.news_l .l_top .black h2{ color:#fff; line-height:18px; margin-bottom:8px;}
.news_l .l_top .black h2.bottom{ border-bottom:1px dotted #a2a1a1; padding-bottom:10px;}
.news_l .l_top .black p{ text-align:right; color:#fff; height:18px; line-height:18px; margin-top:-2px;}
.news_l .l_top .black p em{ display:block; color:#fff; font-size:14px; float:right;}
.news_l .l_top .black p i{ display:block; width:18px; height:18px; float:right; background:url(../images/news_tel.png) no-repeat center;}
.news_l .l_top .black h4{ font-weight:bold; color:#fff; text-align:right; font-family: "Source Han Sans CN"}
.news_l .l_bottom{ width:683px; border-right:2px solid #d8d8d8; padding-top:16px;}
.news_l .hd li{ height:36px; width:104px; line-height:36px; text-align:center; color:#fff; cursor:pointer; background:#1a1a1a; float:left; margin-right:24px;}
.news_l .hd li.on{ background-color:#8e0f0d;}
.news_l .l_bottom .hd h3{ color:#000; margin:10px 0 0;}
.news_l .l_bottom .hd p{ color:#4c4c4c; font-size:13px; margin-bottom:14px;}
.news_l .l_bottom .bd{ width:658px; height:156px; overflow:hidden;}
.news_l .l_bottom .bd li { background:url(../images/new_ico.png) no-repeat left center; border-bottom:1px dashed #a2a2a2; line-height:38px; }
.news_l .l_bottom .bd li a{ padding-left:26px;}
.news_l .l_bottom .bd li span{ display:block; float:right; margin-right:18px; color:#999; font-size:13px;}
.news_r { width:432px;}
.news_r .r_top{ background:url(../images/news_r_t.png) no-repeat left bottom; padding-bottom:10px; position:relative;}
.r_top .title h2{ font-size:17px;}
.r_top a{ display:block; position:absolute; right:0; bottom:11px;}
.news_r .bd{ margin-top:23px; height:392px; overflow:hidden;}
.news_r .bd li{ height:111px; border-bottom:1px dashed #999; background:url(../images/a_s.png) no-repeat 0 top; padding-left:36px; margin-bottom:28px;}
.news_r .bd li>div{ margin-left:22px;}
.news_r .bd li>div h4{ margin-bottom:4px; line-height:38px; height:38px;}
.news_r .bd li>div p{ height:50px; line-height:25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
/* 友情链接 */
.links{ height:auto; margin:40px 0;}
.links span.ico{ display:inline-block; width:71px; height:23px; margin-right:26px; float:left; background:url(../images/links.png) no-repeat left 0;}
.links a{ color:#999; margin-right:26px; line-height:25px; display:inline-block;}
.links a:hover{ color:#333;}
/* 页脚 */
.ft_wrap{ background:url(../images/ft_bg.jpg) no-repeat center 0; height:470px; position:relative;}
.ft_wrap .ft_logo{ text-align:center; margin-top:47px;}
.ft_wrap .ft_info{ margin-top:91px;}
.ft_info li {
float: left;
color: #c6bebc;
padding-left: 40px;
position: relative;
background-color:#ccc;
}
.ft_info li em{ display:block; line-height:14px; margin-bottom:8px;}
.ft_info li p{ line-height:18px;}
.ft_info li.add {
background:url(../images/ft_add.png) no-repeat left 0;
width: 210px;
margin-right:68px;
}
.ft_info li.tel1 {
background:url(../images/ft_tel.png) no-repeat left 0;
width: 112px;
}
.ft_info li.tel2 {
background:url(../images/ft_tel2.png) no-repeat left 0;
width: 190px;
margin-right:68px;
}
.ft_info li.el {
background:url(../images/ft_el.png) no-repeat left 0;
width: 144px;
}
.ft_ewm{ background:url(../images/ewmbg.png) no-repeat left 0; width:121px; height:128px; text-align:center; padding-top:12px; margin:63px 62px 52px;}
.ft_ewm img{ width:96px; height:96px;}
.ft_ewm p{ color:#c6bebc; height:14px; line-height:14px; margin-top:8px;}
.ft_wrap .copyright{ color:#beb5b3; margin-bottom:6px;}
.ft_wrap .copyright a{ color:#beb5b3;}
.ft_wrap .copyright span{ margin-left:65px;}
.ft_wrap .copyright em{ display:inline-block; float:right;}
.ft_wrap .ft_nav{
height: 62px;
line-height: 62px;
font-size: 16px;
color: #e3dfdf;
padding:0 42px;
border-top:1px solid #5d3b30;
}
.ft_wrap .ft_nav a {
display: block;
float: left;
color: #cac0bd;
padding-right: 75px;
}
.ft_wrap .ft_nav a:hover{ text-decoration:underline;}
.ft_wrap .ft_nav a.last_a{ padding:0;}
/* 在线留言 */
.zxly{width:320px; height: 360px; background: #f9f9f9; overflow: hidden;position:fixed;bottom:-317px;left:5px;z-index:999;border:1px solid #7c0705; font-family:normal 14px/22px "microsoft yahei";}
.zxly .title{width:320px; height: 50px; line-height: 50px; background:#8e0f0d; color:#fff; text-align:center; overflow: hidden;font-size: 24px; font-weight: normal;position:relative;}
.zxly .title .zxly_on{height:50px;width:30px;position:absolute;right:8px;top:0px;background:url(../images/messbtn.png) no-repeat -35px 8px; cursor:pointer;}
.zxly a{color: #333; text-transform: uppercase;}
.zxly .content{padding:0 20px; height:309px;width:278px; overflow: hidden;}
.zxly .content table{margin-top:10px; width: 100%;height: auto;}
.zxly .content table td{height:50px;font-size:14px;}
.zxly .content table input{outline:none;}
.zxly .content table .txt{padding-left:10px; width: 218px; height: 30px;line-height:30px; border:1px solid #ddd;color:#888;}
.zxly .content table textarea{padding-left:10px; width: 218px; height:100px; border:1px solid #ddd;color:#888; line-height:22px;outline:0 none;}
.zxly .content table .btn{margin:20px 8px 0px 8px; width: 112px; height: 44px; line-height: 44px; text-align: center; color:#333; background-color: #ebebeb; border:0px solid #d1d1d1; box-sizing:content-box; font-family: "微软雅黑"; font-size: 16px; letter-spacing:5px; cursor: pointer;}
.zxly .content table .btn_on{ background-color: #8e0f0d; color:#fff; border-color:}
.zxly .content table .txt.yys_hei{color:#666;}
.zxly .content table textarea.yys_hei{color:#666s;}
.zxly .submit_succeed{display:none;height:309px;width:318px;line-height:150px;font-size:20px; text-align:center;}
.Validform_checktip{
margin-left:8px;
line-height:20px;
height:20px;
overflow:hidden;
color:#999;
font-size:12px;
}
.Validform_right{
color:#71b83d;
padding-left:20px;
}
.Validform_wrong{
color:red;
padding-left:20px;
white-space:nowrap;
}
.Validform_loading{
padding-left:20px;
}
.Validform_error{
background-color:#ffe7e7;
}
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999;top:520px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#8e0f0d url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#8e0f0d url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#8e0f0d url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#8e0f0d url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
/*固定的悬浮窗end*/
/* 产品中心 */
.main{ margin:40px 0;}
.main_l{ width:240px; overflow:hidden;}
.main_l .top{ background:url(../images/main_lt.jpg) no-repeat center 0px; position:relative; padding:42px 0 0; height:85px;}
.main_l .top h2{ font-size:22px; color:#fff; background:url(../images/newico.png) no-repeat left 0px; margin-left:32px; padding-left:62px; line-height:22px;}
.main_l .top h2 span{ display:block; font-size:16px; line-height:16px; margin:11px 0 7px;}
.main_l .l_nav{ margin:11px 0 36px;}
.main_l .l_nav ul li{ width:240px; height:40px; line-height:40px; margin:0 0 6px; background-color:#e6e6e6}
.main_l .l_nav ul li a{ background-position:29px center; text-indent:55px; }
.main_l .l_nav ul li a.on{ background-color:#8f0c11; background-image:url(../images/sj_w.png); color:#fff;}
.hot_read, .hot_pro{ border:1px solid #8f0c11;}
.hot_read h2, .hot_pro h2{ font-size:22px; width:100%; height:40px; line-height:40px; color:#fff; text-align:center; background-color:#8f0c11;}
.hot_read ul{ width:220px; margin:0 auto 15px;}
.hot_read ul li{ line-height:38px; height:38px; border-bottom:1px dashed #e0e0e0; background:url(../images/li_ico.png) no-repeat left center; padding-left:13px; overflow:hidden; transition:all 0.2s;}
.hot_read ul li:hover{ background-position:5px center;}
.main_l .l_tel{ background:url(../images/l_tel.png) no-repeat center center; width:240px; height:94px; margin-top:35px;}
.main_r{ width:940px; margin-left:20px; overflow:hidden;}
.breadnav{ border-bottom:1px dashed #c0c0c0; padding-bottom:7px;}
.breadnav h2{ font-size:22px; position:relative; line-height:30px; padding-left:16px;}
.breadnav h2:after{
content:'';
position:absolute;
top:0;
left:0;
width:6px;
height:30px;
background:#952521;
}
.breadnav .fr{ background:url(../images/location.png) no-repeat left center; padding-left:22px; color:#666;}
.breadnav .fr a{ color:#666;}
.breadnav .fr i{ padding:0 7px;}
.main_r .prolist ul{ width:110%; margin-top:35px;}
.main_r .prolist li{ width:290px; float:left; position: relative; margin: 0 35px 30px 0;}
.main_r .prolist .img_sm{ height:38px; line-height:38px; background:#ededed;}
.prolist .pro_screenshot img{ display:block; width:290px; height:194px; }
.prolist .pro_screenshot p { display:block; width:100%; height:38px; line-height:38px; background-color:#ededed; left:0; bottom:0;}
.pro_screenshot p a{ display:block; background:url(../images/arrow_pro.png) no-repeat; background-position:290px center; transition:all 0.5s ease; padding-left:10px; transition-delay:0.2s;}
.prolist .blue_block {
display:block;
position:absolute; top:0; width:290px; height:194px;
background:url(../images/info.png) no-repeat;
background-position:top center;
background-color:#8f0c11;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
opacity:0;
}
.prolist li:hover{
-webkit-box-shadow: 0px 0px 20px 1px #b3b3b3;
box-shadow: 0px 0px 20px 1px #b3b3b3;
}
.prolist li:hover .blue_block{ opacity:0.75; background-position:center center;}
.prolist li:hover p a{ color:#8f0c11; background-position:247px center; text-indent:24px; }
/* 产品详情样式 */
.pro_sm{top:80px; right:20px; position:absolute;}
.pro_sm h3{ font-weight:bold; font-size:20px;}
.pro_sm h2{ font-size:24px; margin:20px 0;}
.pro_sm p{ margin-top:18px;}
.pro_sm p em,.pro_sm p span{ display:block; font-size:15px;}
.pro_sm p span{ color:#999;}
.pro_sm .zx_box{ width:407px; height:140px; border:1px solid #e5e5e5; background-color:#f3f3f3; background-image:none; padding:0; margin-top:50px;}
.pro_sm .zx_box .fl{ margin:20px 0 0 10px;}
.pro_sm .zx_box .top{ height:auto; background:url(../images/pro_tel.png) no-repeat left center; padding-left:50px; margin-bottom:15px;}
.pro_sm .zx_box .top h4{ line-height:14px; float:none; color:#333; }
.pro_sm .zx_box .top h2{ line-height:24px; font-size:24px; margin-top:11px; color:#952521;}
.pro_sm .zx_box a{ display:inline-block; width:100px; height:36px; text-align:center; line-height:36px; color:#fff;}
.pro_sm .zx_box .a1{ background-color:#8f0c11;}
.pro_sm .zx_box .a2{ background-color:#000;}
.pro_sm .fr{ margin:12px 12px 0 0;}
.pro_sm .fr img{ width:96px; height:96px;}
.pro_sm .fr h4{ color:#666; text-align:center;}
/* 垂直居中 */
.small-img{
display: flex;
align-items:center;
justify-content: center;
}
.clearfix:before,
.clearfix:after{
display: table;
line-height: 0;
content: "";
}
.magnifier{
width: 400px;
position: relative;
margin-top: 40px;
}
.magnifier-container{
width: 400px;
height: 400px;
overflow: hidden;
position: relative;
border: 1px solid #ddd;
}
.move-view{
width: 100px;
height: 100px;
position: absolute;
background-image: url('../images/move-box.png');
}
.images-cover{
height: 100%;
width: 100%;
position: relative;
}
.images-cover img{
position: absolute;
}
.magnifier-assembly{
height: 92px;
overflow: hidden;
position: relative;
padding-left: 30px;
padding-right: 30px;
}
.magnifier-btn{
position: absolute;
width: 100%;
top: 50%;
left: 0;
margin-top: -40px;
}
.magnifier-btn span{
line-height: 80px;
height: 80px;
width: 20px;
background-color: #6e6e6e;
color: #fff;
display: block;
z-index: 9998;
text-align: center;
font-size: 20px;
cursor: pointer;
border-radius: 3px;
}
.magnifier-btn .magnifier-btn-left{
float: left;
}
.magnifier-btn .magnifier-btn-right{
float: right;
}
.magnifier-line{
position: relative;
overflow: hidden;
height: 92px;
}
.magnifier-line ul{
display: block;
font-size: 0;
width: 10000%;
position: absolute;
left: 0;
z-index: 9997;
}
.magnifier-line li{
float: left;
width: 100px;
cursor: pointer;
}
.magnifier-line ul > .active .small-img{
border-color: #bbb;
}
.small-img{
height: 78px;
padding: 1px;
margin: 5px;
overflow: hidden;
border: 1px solid #ddd;
text-align: center;
}
.small-img img{
max-width: 100%;
max-height: 100%;
}
.magnifier-view{
width: 100px;
height: 100px;
position: absolute;
right: -105%;
top: 0;
z-index: 9999;
background-color: #fff;
display: none;
overflow: hidden;
}
.magnifier-view img{
display: block;
}
.animation03{
transition: all 0.3s ease-in 0.1s;
-ms-transition: all 0.3s ease-in 0.1s;
-moz-transition: all 0.3s ease-in 0.1s;
-webkit-transition: all 0.3s ease-in 0.1s;
-o-transition: all 0.3s ease-in 0.1s;
}
.pro_content{ border-bottom:1px solid #eaeaea; margin-top:30px; padding-bottom:30px;}
.pro_content .protop{ border-bottom:2px solid #bebebe; margin-bottom:18px;}
.pro_content .protop h2{ color:#8f0c11; position:relative; line-height:34px;}
.pro_content .protop h2:after{
content:'';
position:absolute;
bottom:-2px;
left:0;
width:78px;
height:2px;
background:#8f0c11;
}
.pro_content .probottom{ color:#666; line-height:200%;}
.pro_content img{ display:block; max-height:900px; margin:0 auto;}
.article { width: 100%; height: 50px; line-height: 50px;}
.pre_article, .next_article { display: block; width: 40%; overflow:hidden;}
.next_article{ text-align: right;}
.product_readmoer{ margin:30px 0 40px;}
.product_readmoer h3, .readmore h3{ position:relative; line-height:20px; padding-left:10px; margin-bottom:18px;}
.product_readmoer h3:after, .readmore h3:after{
content:'';
position:absolute;
top:0;
left:0;
width:3px;
height:20px;
background:#8f0c11;
}
.product_readmoer .bd{ width:940px; overflow:hidden;}
.product_readmoer ul{ height:204px;}
.product_readmoer li{ width:220px; height:204px; float:left; margin-right:20px;}
.product_readmoer li img{ width:220px; height:174px;}
.product_readmoer p{ height:30px; line-height:30px; text-align:center; overflow:hidden;}
/* 新闻列表 */
.hot_pro .bd{ width:220px; margin:0 auto 15px;}
.hot_pro li { margin-top:20px;}
.hot_pro li a{ display:block; position:relative; width:220px; height:147px; overflow:hidden;}
.hot_pro li img{ width:220px; height:147px; transition:all 0.2s;}
.hot_pro li a span{ display:block; position:absolute; left:0; bottom:0; width:220px; height:30px; line-height:30px; background-color:rgba(255,255,255,0.7); text-align:center;}
.hot_pro li a:hover img{ transform:scale(1.1,1.1)}
.newslist{ margin-bottom:19px;}
.newslist li{ padding:30px 0 20px; border-bottom:1px solid #d9d9d9;}
.news_img img{ width:244px; height:162px;}
.news_txt{ width:676px;}
.news_txt h2{ margin-top:18px; }
.news_txt h2 a{ line-height:20px; font-size:20px; color:#333;}
.news_txt h2 a:hover{ color:#8f0c11;}
.news_txt p{ color:#666; height:60px; line-height:30px; overflow:hidden; margin:16px 0 22px;}
.news_txt a{ color:#8f0c11; font-size:15px;}
.news_txt span{ display:block; float:right; color:#999;}
.readmore{ margin-top:30px;}
.readmore ul{ width:110%;}
.readmore li{ float:left; width:288px; height:40px; line-height:40px; margin-right:38px;}
.readmore li a{ display:inline-block; background:url(../images/read_ico.png) no-repeat left center; padding-left:18px; height:40px; line-height:40px;}
.readmore li em{ display:block; float:right; font-size:13px; color:#999;}
/* 分页 */
.page_wrap{ }
.page{display:block; position: relative; margin:30px auto 18px; font-size:14px; color:#666666; text-align:center;}
.page a,.page .nolink, .page .disabled{
color:#000;
padding:8px 16px;
text-decoration:none;
transition: background-color .3s;
-webkit-transition: background-color .3s;
-ms-transition: background-color .3s;
-moz-transition: background-color .3s;
border:1px solid #ddd;
margin:3px;
}
.page .nolink{ color:#999;}
.page .cur, .page .current {
padding:8px 16px;
background-color:#8f0c11;
color:#FFF;
border:1px solid #8f0c11;
}
.page a:hover {background-color: #8f0c11; color:#FFF;border:1px solid #8f0c11;}
/* 新闻详情 */
.main_title{ text-align:center; line-height:60px; height:60px; margin-top:20px;}
.main_title h2{ font-size:24px;}
.main_info{ margin:8px 0 36px;}
.main_info h4{ color:#999; text-align:center;}
.main_info h4 em{ padding:0 17px;}
.abstract {
background: #f1f1f1;
line-height: 30px;
padding: 20px 25px;
text-align: justify;
display: block;
color: #888;
}
.abstract strong{ color:#ff730f;}
.main_content{ line-height:200%; border-bottom:1px solid #e5e5e5; padding-bottom:24px; margin-top:10px; font-size:14px;}
.main_content p{ line-height:200%;}
.main_content img { max-width: 100%; height: auto; display:block; margin:10px auto;}
.prev_next{ width:900px; overflow:hidden; margin:40px 0;}
.prev_next .prev, .prev_next .next{ width:50%;}
.prev_next a{ color:#666; width:48%; height:20px; line-height:20px; overflow:hidden;}
.prev_next a:hover{ color:#ff730f;}
.prev_next .next {
width: 50%;
height: 21px;
overflow: hidden;
text-align: right;
}
/* 关于建硕*/
.breadnav_s .w1200{ color:#999; border-bottom:1px dashed #ccc; height:38px; line-height:38px; margin-bottom:50px;}
.breadnav_s a{ color:#8c8c8c;}
.breadnav_s span{ display:inline-block; position:relative; padding-left:22px; color:#999;}
.breadnav_s span:after{
content:'';
position:absolute;
left:0;
top:8px;
width:8px;
height:22px;
background:#000;
}
.breadnav_s i{ padding:0 7px;}
.breadnav_s a:hover{ color:#8e0f0d;}
.aboutus{ background:url(../images/about_bg.jpg) no-repeat center 0; margin-bottom:40px; padding-top:54px;}
.aboutus .about_tit{ background: url(../images/about_tit.png) no-repeat center center; color:#fff;}
.aboutus .about_tit h4{ color:#fff;}
.aboutus .company{ width:1006px; padding:40px 97px 20px; height:auto; box-shadow: 0 0 10px #bfbfbf; color: #424242; background-color:#fff; text-align:center; }
.aboutus .company img{ width:1006px; height:412px; margin-bottom:17px;}
.aboutus .company p{ color:#4c4c4c; font-size:15px; line-height:30px; text-align:left; margin-top:10px;}
.culture{ margin-bottom:40px;}/* 企业文化*/
.about_tit{ background:url(../images/about_tit.jpg) no-repeat center center; height:62px; margin-bottom:35px;}
.about_tit h2{ height:30px; line-height:30px; font-size:30px; font-weight:bold; text-align:center; margin-bottom:18px;}
.about_tit h4{ height:14px; line-height:14px; text-align:center; text-transform:uppercase; color:#999;}
.cul_list ul{ width:110%; padding-left:5px; height:330px;}
.cul_list ul li { float: left; width: 260px; height: 320px; margin-right:50px; box-shadow: 0 0 10px #bfbfbf; text-align:center;}
.cul_list ul li em { width: 76px; height: 76px;}
.cul_list ul li em img { width: 76px; height: 76px; padding-top: 55px;}
.cul_list ul li h4 { font-size: 16px; font-weight: bold; padding-top: 15px; }
.cul_list ul li p { font-size: 14px; width: 200px; text-align: center; margin: 0 auto; padding-top: 30px;}
.qyfc{ margin-bottom:40px;}/* 企业风采*/
.qyfc .img_list { height: 460px; width:120%}
.qyfc .img_list ul { float: left; margin-right:9px; height: 460px;}
.qyfc .img_list ul:nth-of-type(1){ width: 438px;}
.qyfc .img_list ul:nth-of-type(2){ width: 418px;}
.qyfc .img_list ul:nth-of-type(3){ width: 330px;}
.qyfc .img_list ul li img { float: left; transition: all ease 1s;}
.qyfc .img_list ul li img:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.qyfc .img_list ul li:hover { cursor: pointer; opacity: 1;}
/* 联系我们*/
.content_t{ margin-bottom:40px; }
.content_t h3{ font-size:14px; width:836px; float:left; margin:40px 0 0 70px;}
.content_t img.kf{ display:block; float:right; margin-right:93px;}
.content_b{ width:458px; height:449px;}
.content_b h2{ background:url(../images/content1.jpg) no-repeat center 0px; font-size:26px; width:100%; height:116px; line-height:116px; padding-bottom:23px; text-align:center; color:#fff; }
.content_b p{ padding: 30px 0 40px 30px; font-size: 15px; line-height: 30px; background-color:#ededed;}
.content_b p span{ display:block;}
#map{ width:722px; height:449px; border:#ccc solid 1px; font-size:12px;}
/* 在线留言 */
.message_wrap{ background:url(../images/message_bg.jpg) no-repeat right top;}
.message_wrap h2{ font-size:24px; margin:23px 0 10px;}
.message{ padding:45px 0;}
.message {
width: 850px;
height: auto;
overflow: hidden;
padding-top: 50px;
margin:0 auto
}
input, input:focus {
outline: none;
text-indent: 5px;
border: 0 none;
}
.message .tt {
font-size: 14px;
}
.message .tt2{ width:368px;height:34px;height:34px; line-height:36px; font-size:13px; border:1px solid #bbb;color:#666;}
input.tt2.yys_fontCss{color:#333}
.message .tt2:hover,.leave_word .nr:hover{ border:1px solid #818181; background:#FEFEFE}
.message .nr{ width:500px;height:180px;text-indent:5px; border:1px solid #bbb; outline:0;line-height:36px;font-size:13px;color:#666;}
.message textarea.yys_fontCss.nr{color:#333}
.message .sub_btn{ width:120px; height:35px; background:#8f0c11; border:0; cursor:pointer; color:#FFF; line-height:35px; text-align:center; font-size:14px;}
.message .sub_btn:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
/* 鼠标经过悬停 */
.z-btn{
display:block;
margin-top: 10px;
overflow: hidden;
text-align: center;
color: #fff;
position: relative;
}
.z-btn span {
position: relative;
z-index: 999;
transition: 0.5s;
display: block;
}
.z-btn:hover {
color: #000;
}
.z-btn:before {
content: "";
width: 50%;
height: 0%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #ef5f28;
transition: 0.5s;
}
.z-btn:hover:before {
width: 100%;
height: 100%;
}
/* 搜索 */
.searchlist li{ padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-top:16px;}
.searchlist h2 a{ color:#8f0c11; font-size:16px;}
.searchlist h2 span{ margin-right:20px; color:#bbb; display:block; float:right; font-size:12px;}
.searchlist p{ line-height: 24px; color: #888; font-size: 14px; max-height:48px; overflow:hidden; }
.searchlist li span{ color:#888;}
.searchlist span a{ color:#666;}